<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>添加地址</title>
    <link rel="stylesheet" href="../css/aui.css">
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../css/LArea.min.css" />
    <link rel="stylesheet" href="../css/add_region.css">

    <script type="text/javascript" src="../js/base.js"></script>

    <style type="text/css">
        .aui-list .aui-list-item{
            background-size:100% 0;
        }
        .aui-list .aui-list-item{
            padding-left:0;
        }
        .aui-radio:checked, .aui-radio.aui-checked, .aui-checkbox:checked, .aui-checkbox.aui-checked {
            background-color: #f10b31;
            border: solid 1px #f10b31;
        }
    </style>
</head>
<body>
<!--<header class="aui-bar aui-bar-nav aui-bar-top">-->
    <!--<div class="aui-pull-left aui-btn goBack">-->
        <!--<span class="aui-iconfont aui-icon-left"></span>-->
    <!--</div>-->
    <!--<div class="aui-title">添加地址</div>-->
<!--</header>-->
<section id="app" v-cloak="">
    <div v-if="navigator && navigator.onLine === true">
    <div class="aui-content aui-margin-b-15" style="width:100%;overflow-y: scroll">
            <ul class="aui-list aui-form-list aui-padded-l-10 aui-padded-r-10 ">
                <li class="aui-list-item aui-padded-b-5 aui-padded-t-5 ">
                    <div class="aui-list-item-inner ">
                        <div class="aui-list-item-label">
                            收货人：
                        </div>
                        <div class="aui-list-item-input">
                            <input type="text" placeholder="姓名"  v-model="Params.consignee">
                        </div>
                    </div>
                </li>
                <li style="width:100%;border-bottom: 1px solid #efefef;"></li>
                <li class="aui-list-item aui-padded-t-5 aui-padded-b-5">
                    <div class="aui-list-item-inner ">
                        <div class="aui-list-item-label">
                            手机号：
                        </div>
                        <div class="aui-list-item-input">
                            <input type="tel" placeholder="请输入手机号"  v-model="Params.tel">
                        </div>
                    </div>
                </li>
                </ul>
                <ul class="aui-list aui-form-list aui-padded-l-10 aui-padded-r-10 aui-margin-t-10">
                <!--<li style="width:100%;border-bottom: 1px solid #efefef;"></li>-->
                <li class="aui-list-item aui-padded-b-5 aui-padded-t-5">
                    <div class="aui-list-item-inner ">
                        <div class="aui-flex-col aui-flex-item-12">
                            <div class="aui-flex-item-3 " style="margin-top:0.2rem">
                                <div class="aui-font-size-16 aui-padded-t-5">收货地址:</div>
                            </div>
                            <div class="aui-flex-item-8 aui-padded-t-5" >
                                <div class="content-block" style="margin-top:-0.4rem" >
                                    <input id="demo1" type="text"  placeholder="请选择城市" onfocus="this.blur()"  readonly unselectable="on" id="city" />
                                    <input id="value1" type="hidden" value="6,77,707" />
                                </div>
                            </div>
                            <div class="aui-flex-item-1 aui-padded-t-5 aui-text-right aui-padded-r-10">
                                <span class="aui-iconfont aui-icon-right"></span>
                            </div>
                        </div>
                    </div>
                </li>
                <li style="width:100%;border-bottom: 1px solid #efefef;"></li>
                <li class="aui-list-item">
                    <div class="aui-list-item-inner">
                        <form class="form">
                            <div style="padding-top: 0.5rem">地址详情:
                                <!--<input type="text"  placeholder="请输入地址" id="houseNumber" v-model="Params.address">-->
                                <textarea type="text"  placeholder="请输入详细地址" cols="50" id="houseNumber" v-model="Params.address"></textarea>
                            </div>
                        </form>
                    </div>
                </li>
            </ul>
            <div class="aui-flex-col aui-flex-item-12  defaultBtn"  v-on:click="defaultBtn()">
                <div class="aui-flex-item-4 aui-padded-l-10">
                    设为默认地址
                </div>
                <div class="aui-flex-item-5 aui-font-size-12" style="color:#abaeb5">注:每次下单会使用该地址</div>
                <div class="aui-flex-item-3 aui-padded-l-10  aui-text-right aui-padded-r-15" style="padding-top:0.6rem"><input class="aui-radio" type="radio"   v-bind:checked="isSetDefault"></div>
            </div>
        </div>

        <p><div class="aui-btn aui-btn-info addBtn" v-on:click="succeedBtn()">确认添加</div></p>
    </div>

    <div v-if="navigator && navigator.onLine === false" style="position:relative;height:15rem" @click="goOnLine()">
        <div style="position:absolute;top:30%;left:50%;margin-top:0rem;margin-left: -3rem">
            <img src="../icon/duanwang.png" alt="" style="width:6rem">
            <div class="aui-text-center">暂无网络</div>
        </div>

        <div  class="aui-text-center textCol" style="position:absolute;top:50%;left:50%;margin-top:4rem;margin-left: -86px">请连接网络后,点击刷新</div>
    </div>
</section>

<script type="text/javascript" src="../js/zepto.min.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<!--<script type="text/javascript" src="../js/aui-tab.js"></script>-->
<script type="text/javascript" src="../js/aui-toast.js" ></script>
<script type="text/javascript" src="../js/aui-sharebox.js" ></script>
<script type="text/javascript" src="../js/LArea.min.js" ></script>
<script type="text/javascript" src="../js/LAreaData.js" ></script>
<script type="text/javascript" src="../js/add_region.js"></script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../js/weixin.js" ></script>

</body>
</html>